﻿@{
    ViewBag.Title = "Danh sách xe";
}
<h2>
    Danh sách xe</h2>
<a href="#" class="createLink" id="Create"><span class="bt_green_lft"></span><strong>
    Thêm vé xe</strong> <span class="bt_green_r"></span></a>
<br />
<br />
<div id="tableList">
    @Html.Partial("_ListMotor")
</div>
<div id="main-popUp">
</div>
<div id="popup">
    <span class="button bClose"><span>X</span> </span>
    <div class="container">
    </div>
</div>
<link href="@Url.Content("../../../../Content/bPopup.css")" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="@Url.Content("../../../../Scripts/jquery.bpopup-0.7.0.min.js")"></script>
<script language="javascript" type="text/javascript">
    function Initial() {
        $('.edit-class').bind('click', function (e) {
            e.preventDefault();
            var plate = $(this).attr("lId");
            $('#popup').bPopup({
                onOpen: function () {
                    $("#main-popUp").bPopup(
                        {
                            content: 'iframe', //'iframe' or 'ajax'
                            contentContainer: '.container',
                            loadUrl: 'http://localhost:4647/MotorBike/Edit?plate=' + plate
                        }, function () {
                            $('iframe').css('height', '300px');
                            //                            $.ajax({
                            //                                url: '@Url.Action("Edit", "MotorBike")',
                            //                                data: { "plate": plate },
                            //                                method: "GET",
                            //                                success: function (data) {
                            //                                    $('.container').html(data);
                            //                                }
                            //                            });
                        });
                }
            });
        });
        //        $('.detail-class').bind('click', function (e) {
        //            e.preventDefault();
        //            var plate = $(this).attr("plate");
        //            $('#popup').bPopup({
        //                onOpen: function () {
        //                    $('#main-popUp').bPopup(
        //                        {
        //                            content: 'iframe',
        //                            contentContainer: '.container'
        //                            // loadUrl: 'http://localhost:4647/MotorBike/Details?plate=' + plate
        //                        }, function () {
        //                            $('iframe').css('height', '300px');
        //                            $.ajax({
        //                                url: '@Url.Action("Details", "MotorBike")',
        //                                method: "GET",
        //                                data: { "plate": plate },
        //                                success: function (data) {
        //                                    alert(data);
        //                                    $('.container').html(data);
        //                                }
        //                            });
        //                        });
        //                }
        //            });
        //        });
        $('#Create').bind('click', function (e) {
            e.preventDefault();
            $('#popup').bPopup({
                onOpen: function () {
                    $("#main-popUp").bPopup(
                        {
                            content: 'iframe',
                            contentContainer: '.container'
                            //                            loadUrl: 'http://localhost:4647/MotorBike/Create -> create Iframe
                        }, function () {
                            $('iframe').css('height', '300px');
                            $.ajax({
                                url: '@Url.Action("Create", "MotorBike")',
                                method: "GET",
                                success: function (data) {
                                    $('.container').html(data);
                                }
                            });
                        });
                }
            });
        });

    }
    $(function () {
        Initial();
        $(document).ajaxSuccess(function () { Initial(); });
    });
</script>